<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>我是p</p>
    <div class="box">box</div>
    <div id="span">span</div>
    <input value="我是一个输入框">
    <script src=""></script>
    <script>
        // 1.需求1：使用jquery获取p标签
        let p = $('p')
        console.log(p);
// 需求2：请使用iQuery的语法获取box和span
        let box = $('.box')
        console.log(box);
// 获取box
        let span = $('#span')
        console.log(span);
// 获取span
        console.log($('p').html());
// 获取p标签内容
        console.log($('box').html());
// 获取box内容
        $('.box').html('我是一个大boss')
// 将box的内容修改为一个大boss
        let ipt = document.querySelector('input')
        console.log(ipt.value);
        // 使用原生jquery获取input框中的内容
console.log($('input').val());




            </script>
</body>
</html>